<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>期金管家 - 首页</title>
{include file="Public/header_index"/}
<link rel="stylesheet" href="/static/home/css/liMarquee.css">
<!--BANNER-->
<div class="container-fluid banner">
    <div id="imgBanner" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#imgBanner" data-slide-to="0" class="active"></li>
            <li data-target="#imgBanner" data-slide-to="1"></li>
            <li data-target="#imgBanner" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner BN3">
            {foreach name='photo' item='p'}
            {if condition="$p.type==0"}
            <div class="carousel-item">
                <img class="d-block w-100" src="/upload/sowingmap/{$p.photo}" alt="{$p.url}">
            </div>
            {else\}
            {/if}
            {/foreach}
        </div>
        <a class="carousel-control-prev" href="#imgBanner" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#imgBanner" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="container mt-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-theme-com h6">期货行情</div>

                <div class="d-block d-sm-none xs_dataHtml table-responsive">
                    <table class="table"></table>
                </div>
                <div class="d-none d-sm-block">
                    <iframe id="iframe_a1" class="" width="100%" height="242" frameborder="0" scrolling="no"
                            src="/index/index/index_xhgp"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<!--快速导航-->
<div class="container">
    <div class="row">
        <div class="col-md-3 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6">快速导航</div>
            </div>
            <div class="text-center border h214">
                <ul class="list-unstyled clearfix mt-2" style="width: 270px; margin: 0 auto;">
                    <li class="float-left p-3"><a href="javascript:;"><img
                            src="/static/home/images/kstd-1.png"><br/>软件下载</a></li>
                    <li class="float-left p-3"><a href="javascript:;"><img
                            src="/static/home/images/kstd-2.png"><br/>帮助中心</a></li>
                    <li class="float-left p-3"><a href="javascript:;"><img
                            src="/static/home/images/kstd-3.png"><br/>交易规则</a></li>
                    <li class="float-left p-3"><a href="javascript:;"><img
                            src="/static/home/images/kstd-4.png"><br/>免责声明</a></li>
                    <li class="float-left p-3"><a href="javascript:;"><img
                            src="/static/home/images/ico4.jpg"><br/>注册开户</a></li>
                    <li class="float-left p-3"><a href="javascript:;"><img
                            src="/static/home/images/ico5.jpg"><br/>新手指南</a></li>
                </ul>
            </div>
        </div>
        <!--PC端期金动态-->
        <div class="col-md-4 mt-4 d-none d-sm-block">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=10')}" class="float-right">更多&gt;&gt;</a>期金动态</div>
            </div>
            <div class="row mr-0 ml-0 homeGoldNews border h214">
                <div class="col-md-12 pl-0 pr-0">
                    <div id="slide01" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#slide01" data-slide-to="0" class="active"></li>
                            <li data-target="#slide01" data-slide-to="1"></li>
                            <li data-target="#slide01" data-slide-to="2"></li>
                            <li data-target="#slide01" data-slide-to="3"></li>
                            <li data-target="#slide01" data-slide-to="4"></li>
                        </ol>
                        <div class="carousel-inner">
                            {foreach name="dttp" item="tp"}
                            <div  {if condition="$dttp[0]['id']==$tp.id"} class="carousel-item active"  {else\} class="carousel-item" {/if}>
                                <img class="d-block w-100" alt="{$tp.title}" src="/upload/Article/{$tp.photo}" data-holder-rendered="true">
                                <div class="carousel-caption d-none d-md-block">
                                    <h6><a href="/index/index/content?id={$tp.id}" style="vertical-align: inherit;">{$tp.title}</a></h6>
                                </div>
                            </div>
                            {/foreach}

                        </div>
                        <a class="carousel-control-prev" href="#slide01" role="button"
                           data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only"><font style="vertical-align: inherit;"><font
                                    style="vertical-align: inherit;">上一个</font></font></span>
                        </a>
                        <a class="carousel-control-next" href="#slide01" role="button"
                           data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only"><font style="vertical-align: inherit;"><font
                                    style="vertical-align: inherit;">下一个</font></font></span>
                        </a>
                    </div>
                </div>
                <!--<div class="col-md-6">-->
                    <!--<h6 class="text-center mt-2 mb-2"><a-->
                            <!--href="/index/index/content?id={$qjdt.id}">{$qjdt.title}</a></h6>-->
                    <!--<p>{$qjdt.synopsis}<a href="/index/index/content?id={$qjdt.id}">[详细]</a></p>-->
                <!--</div>-->
            </div>
        </div>
        <!--移动端期金动态-->
        <div class="col-md-6 mt-4 d-block d-sm-none">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=10')}" class="float-right">更多&gt;&gt;</a>期金动态</div>
            </div>
            <div class="row mr-0 ml-0 homeGoldNews border">
                {foreach name='dttp' item="sj"}
                <div class="media">
                    <a href="/index/index/content?id={$sj.id}"><img class="m-3" src="/upload/Article/{$sj.photo}" alt="" style="width: 64px; height: 64px;"> </a>
                    <div class="media-body mt-3 mr-3">
                        <h5 class="mt-0"><a href="/index/index/content?id={$sj.id}" class="text-danger">{$sj.title}</a></h5>
                        <p>{$sj.synopsis}
                            <a href="/index/index/content?id={$sj.id}" class="text-danger">[详细]</a></p>
                    </div>
                </div>
                {/foreach}
            </div>
        </div>
        <div class="col-md-5 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6">期金公告</div>
            </div>
            <div class="homeGoldPlacard border h214">
                <ul class="list-unstyled clearfix p-2 mb-2">
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name="data" item='v'}
                    <li>
                        <span class="float-right">{:date('m-d',strtotime($v.createtime))}</span>
                        <a href="/index/index/content?id={$v.id}" title="{$v.title}">{$v.title}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="col-md-3 mt-4 d-block d-sm-none">
        <div class="card">
            <div class="card-header bg-theme-com h6">金融资讯</div>
        </div>
        <div class="homeGoldPlacard border h214">
            <ul class="list-unstyled clearfix p-2 mb-2">
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name="data" item='v'}
                    <li>
                        <span class="float-right">{:date('m-d',strtotime($v.createtime))}</span>
                        <a href="/index/index/content?id={$v.id}" title="{$v.title}">{$v.title}</a>
                    </li>
                    {/foreach}
                </ul>
        </div>
    </div>
    </div>
</div>
<!--5个水平广告图片 -->
<div class="container mt-4 indexADImg5 d-none d-sm-block">
    <div class="row">
        {foreach name='photo' item='sp'}
        {if condition="$sp.type==1"}
            <div class="col"><a href="javascript:;"><img class="img-reponsive" src="/upload/sowingmap/{$sp.photo}" alt="" width="212px" height="164.45px"></a></div>
        {else \}
        {/if}
        {/foreach}
    </div>
</div>
<div class="container mt-4 d-none d-sm-block linkExchange">
    <div class="row">
        <div class="col-md-12">
            <div class="d-flex">
                <div class="p-2"><a href="javascript:;">跨市交易</a></div>
                <div class="p-2 ml-auto"><a href="http://www.czce.com.cn/portal/index.htm">郑州商品交易所</a></div>
                <div class="p-2"><a href="http://www.chinatwse.cn/">前海酒交</a></div>
                <div class="p-2"><a href="http://www.cmegroup.com/company/comex.html">纽约商品</a></div>
                <div class="p-2"><a href="http://www.cffex.com.cn/">中金所</a></div>
                <div class="p-2"><a href="http://www.dce.com.cn/portal/template/index.html">大商所</a></div>
                <div class="p-2"><a href="https://www.theice.com/index">洲际交易</a></div>
                <div class="p-2"><a href="http://www.sge.com.cn/">上海黄金</a></div>
                <div class="p-2"><a href="http://www.shfe.com.cn/">上期所</a></div>
                <div class="p-2"><a href="http://www.cmegroup.com/">芝加哥商品</a></div>
            </div>
        </div>
    </div>
</div>
<div class="container d-none d-sm-block">
    <div class="row">
        <div class="col-md-3 mt-4">
            <iframe src="/index/index/aindex" frameborder="0" scrolling="auto" style="width:100%; height:260px"></iframe>
        </div>
        <div class="col-md-3 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=2')}" class="float-right">更多&gt;&gt;</a>金融资讯
                </div>
            </div>
            <div class="homeGoldPlacard border h214">
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name='jrzx' item='jr'}
                    <li><span class="float-right">{:date('m-d',strtotime($jr.createtime))}</span>
                        <a href="/index/index/content?id={$jr.id}" title="2{$jr.title}">{$jr.title}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="col-md-3 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=3')}" class="float-right">更多&gt;&gt;</a>投资热点
                </div>
            </div>
            <div class="homeGoldPlacard border h214">
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name='tzrd' item='tz'}
                    <li><span class="float-right">{:date('m-d',strtotime($tz.createtime))}</span><a href="/index/index/content?id={$tz.id}" title="{$tz.title}">
                        {$tz.title}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="col-md-3 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6">视频专区</div>
            </div>
            <div class="homeGoldPlacard border h214">
                <video width="100%" height="" controls="" class="mt-4 mb-4">
                    <source src="/static/home/images/video20180601.mp4" type="video/mp4">
                    <!--<source src="movie.ogg" type="video/ogg">-->
                    您的浏览器不支持 HTML5 video 标签。
                </video>
            </div>
        </div>
    </div>
</div>
<!--3个轮播图-->
<div class="container d-none d-sm-block">
    <div class="row">
        <div class="col-md-12 mt-4">
            <div id="slide02" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#slide02" data-slide-to="0" class="active"></li>
                    <li data-target="#slide02" data-slide-to="1"></li>
                    <li data-target="#slide02" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner AD3">
                    {foreach name='photo' item="dblb"}
                        {if condition="$dblb.type==2"}
                            <div class="carousel-item">
                                <img class="d-block w-100" src="/upload/sowingmap/{$dblb.photo}" alt="">
                            </div>
                        {else\}
                        {/if}
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</div>
<!--自动播放图片-->
<div class="container d-none d-sm-block">
    <div class="row">
        <div class="col-md-12 mt-4">
            <div class="card">
                <div class="card-header">期货品种展示</div>
                <div class="card-body pt-2 pb-2 p-0">
                    <div class="typeShowImg str_wrap" style="height: 150px;">
                        {foreach name="spzs" item="zs"}
                        <a href="/index/index/content?id={$zs.id}"><img src="/upload/Article/{$zs.photo}" width="150" height="150"></a>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container d-none d-sm-block">
    <div class="row">
        <div class="col-md-8 mt-4">
            <ul class="nav nav-tabs" role="tablist" id="myFastTab">
                <li class="nav-item">
                    <a class="nav-link active bg-theme-com" href="#tabMTBD" role="tab" data-toggle="tab"
                       aria-controls="tabMTBD">媒体报道</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#tabHYDT" role="tab" data-toggle="tab" aria-controls="tabHYDT">行业动态</a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="tabMTBD">
                    <div class="row m-0 p-0 border clearfix">
                        <div class="col-md-6 clearfix pt-2">
                            <a class="float-left" href="/index/index/content?id={$mtbds.id}">
                                <img class="img-responsive" src="/upload/Article/{$mtbds.photo}"></a>
                            <p>{$mtbds.synopsis}..
                                <a href="/index/index/content?id={$mtbds.id}">[详情]</a>
                            </p>
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled clearfix pl-2 pr-2 pt-2">
                                {foreach name='mtbd' item='mt'}
                                <li>
                                    <span class="float-right">{:date('m-d',strtotime($mt.createtime))}</span>
                                    <a href="/index/index/content?id={$mt.id}" title="{$mt.title}">{$mt.title}</a>
                                </li>
                                {/foreach}
                            </ul>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="tabHYDT">
                    <div class="row m-0 p-0 border clearfix">
                        <div class="col-md-6 clearfix pt-2">
                            <a class="float-left" href="/index/index/content?id={$hydts.id}">
                                <img class="img-responsive" src="/upload/Article/{$hydts.photo}"></a>
                            <p>{$hydts.synopsis}..<a href="/index/index/content?id={$hydts.id}">[详情]</a></p>
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled clearfix pl-2 pr-2 pt-2">
                                {foreach name='hydt' item='hy'}
                                <li>
                                    <span class="float-right">{:date('m-d',strtotime($hy.createtime))}</span>
                                    <a href="/index/index/content?id={$hy.id}" title="{$hy.title}">{$hy.title}</a>
                                </li>
                                {/foreach}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=9')}" class="float-right">更多&gt;&gt;</a>期金学院
                </div>
            </div>
            <div class="homeGoldPlacard border">
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name = 'qjxy' item='q'}
                    <li>
                        <span class="float-right">{:date('m-d',strtotime($q.createtime))}</span>
                        <a href="/index/index/content?id={$q.id}" title="{$q.title}">{$q.title}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container d-none d-sm-block">
    <div class="row">
        <div class="col-md-4 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=4')}" class="float-right">更多&gt;&gt;</a>策略资讯
                </div>
            </div>
            <div class="homeGoldPlacard border">
                <div class="media">
                    <a href="/index/index/content?id={$clzxs.id}" class="m-2 mt-3">
                        {if condition='$clzxs.photo==null'}
                        <img class="img-responsive" width="150" src="/static/home/images/5b0b6777a215b.jpg" style="width:150px; height:69px" />
                        {else \}
                        <img class="img-responsive" width="150" src="/upload/Article/{$clzxs.photo}" style="width:150px; height:69px" />
                        {/if}
                    </a>
                    <div class="media-body mt-3 mr-3">
                        <h6 class="mt-0"><a href="/index/index/content?id={$clzxs.id}">{$clzxs.title}</a></h6>
                        <a href="javascript:;">{$clzxs.synopsis}</a>
                    </div>
                </div>
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name='clzx' item='cl'}
                    <li>
                        <span class="float-right">{:date('m-d',strtotime($cl.createtime))}</span>
                        <a href="/index/index/content?id={$cl.id}" title="{$cl.title}">{$cl.title}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="col-md-4 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=5')}" class="float-right">更多&gt;&gt;</a>基础篇
                </div>
            </div>
            <div class="homeGoldPlacard border">
                <div class="media">
                    <a href="/index/index/content?id={$jcps.id}" class="m-2 mt-3">
                        {if condition='$jcps.photo==null'}
                        <img class="img-responsive" width="150" src="/static/home/images/5af256c53a196.png" style="width:150px; height:69px" />
                        {else \}
                        <img class="img-responsive" width="150" src="/upload/Article/{$jcps.photo}" style="width:150px; height:69px" />
                        {/if}
                    </a>
                    <div class="media-body mt-3 mr-3">
                        <h6 class="mt-0"><a href="/index/index/content?id={$jcps.id}">{$jcps.title}</a></h6>
                        <a href="javascript:;">{$jcps.synopsis}</a>
                    </div>
                </div>
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name='jcp' item='jc'}
                    <li>
                        <span class="float-right">{:date('m-d',strtotime($jc.createtime))}</span>
                        <a href="/index/index/content?id={$jc.id}"title="{$jc.title}">{$jc.title}</a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="col-md-4 mt-4">
            <div class="card">
                <div class="card-header bg-theme-com h6"><a href="{:url('/index/index/lists?type=6')}" class="float-right">更多&gt;&gt;</a>期货投资理论
                </div>
            </div>
            <div class="homeGoldPlacard border">
                <div class="media">
                    <a href="/index/index/list?type={$tzlls.classification}" class="m-2 mt-3">
                        {if condition='$tzlls.photo==null'}
                        <img class="img-responsive" width="150"  src="/static/home/images/5adff97b22763.png" style="width:150px; height:69px"  />
                        {else \}
                        <img class="img-responsive" width="150"  src="/upload/Article/{$tzlls.photo}" style="width:150px; height:69px" />
                        {/if}
                    </a>
                    <div class="media-body mt-3 mr-3">
                        <h6 class="mt-0"><a href="/index/index/content?id={$tzlls.id}">{$tzlls.title}</a></h6>
                        <a href="javascript:;">{$tzlls.synopsis}</a>
                    </div>
                </div>
                <ul class="list-unstyled clearfix p-2 mb-2">
                    {foreach name='tzll' item='v'}
                    <li>
                        <span class="float-right">{:date('m-d',strtotime($v.createtime))}</span>
                        <a href="/index/index/content?id={$v.id}" title="{$v.title}">{$v.title}</a>
                    </li>
                    {/foreach}
                    <!--<li><a href="javascript:;">&nbsp;</a></li>-->
                </ul>
            </div>
        </div>
    </div>
</div>
<!--合作伙伴-->
<div class="container mt-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-theme-com h6">合作伙伴</div>
            </div>
            <div class="border pt-2 pb-2 p-0">
                <div class="partnerShowImg str_wrap" style="height: 66px;">
                    {foreach name='hzhb' item='hz'}
                        <a target="_blank" href="{$hz.url}" title="{$hz.title}">
                            <img src="/upload/Cooperation/{$hz.photo}" alt="{$hz.title}" width="150" height="60">
                        </a>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</div>
<!--友情链接-->
<div class="container mt-4 friendLink">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-theme-com h6">友情链接</div>
            </div>
            <div class="border p-2">
                <ul class="list-unstyled clearfix">
                    {foreach name='yqlj' item='yq'}
                    <li><a target="_blank" href="{$yq.url}" target="_blank" title="{$yq.title}">{$yq.title}</a></li>
                    {/foreach}
                </ul>
            </div>
        </div>
    </div>
</div>
<!--关注我们-->
<div class="container footerAboutUs mt-3">
    <div class="row">
        <div class="col-md-4 col-6 pt-4">
            <h5>关注我们</h5>
            <img src="/static/home/images/weixin_codeX258.jpg"/>
        </div>
        <div class="col-md-4 col-6 border border-top-0 border-bottom-0 p-4">
            <h5>帮助中心</h5>
            <ul class="list-unstyled h6">
                <li><a href="/index/index/lists">帮助中心</a></li>
                <li><a href="/index/index/content?id=673">关于我们</a></li>
                <li><a href="/index/index/download">交易软件</a></li>
                <li><a href="/index/index/lists">协议条款</a></li>
            </ul>
        </div>
        <div class="col-md-4 p-4">
            <h5>咨询热线</h5>
            <ul class="list-unstyled h6">
                <li><span class="glyphicon glyphicon-earphone"></span> 联系电话:400-071-0176</li>
                <li><span class="glyphicon glyphicon-user"></span> 客服 QQ:
                    <!--<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1715268979&amp;site=qq&amp;menu=yes">1715268979</a><br>-->
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3400767562&amp;site=qq&amp;menu=yes">3400767562</a></li>
            </ul>

        </div>
    </div>
</div>
<!--footer-->
{include file="Public/footer"/}
<!--footer-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
<!--<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"-->
        <!--integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"-->
        <!--crossorigin="anonymous"></script>-->
<!--<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"-->
        <!--integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"-->
        <!--crossorigin="anonymous"></script>-->
    <script type="text/javascript" src="/static/home/js/jquery.liMarquee.js"></script>
    <script type="text/javascript" src="http://hq.sinajs.cn/list=SC1809,CU1810,RB1810,HC1810,AU1812,AG1812,I1809,JM1809,J1809,NI1809,RU1809,M1809,AP1810,SR1809,CF1809,TC1809,MA1809" charset="UTF-8"></script>
</body>
</html>
<script>
    //滚动
    $('.quotationCon').liMarquee({
        direction: 'up', scrollamount: 30
    });
    $('.typeShowImg').liMarquee();
    // 合作伙伴
    $('.partnerShowImg').liMarquee();
    //滚动的表格对应宽度相同
    $(".quotationHead").find("tr").find("th").css("width", "10%");
    $(".quotationCon").find("tr").find("td").css("width", "10%");
    //手机底部菜单选中样式
    // $(".menuFoot").find("a").click(function () {
    //     $("a").removeClass("active");
    //     $(this).addClass("active");
    // });
    //图片延迟加载插件
    // lazyLoadInit({
    //     coverColor: "white",
    //     //coverDiv:"<h1>test</h1>",
    //     offsetBottom: 0,
    //     offsetTopm: 0,
    //     showTime: 0,
    //     onLoadBackEnd: function (i, e) {
    //         console.log("onLoadBackEnd:" + i);
    //     }
    //     , onLoadBackStart: function (i, e) {
    //         console.log("onLoadBackStart:" + i);
    //     }
    // });

    // $(".indexMenuDrop").append("<div class=\"collapse navbar-collapse hidden-lg hidden-md\" id=\"xsHeadMenu\"></div>");
    // var headMenuHtml = $(".headMenu").html();
    // $("#xsHeadMenu").html(headMenuHtml);
    //手机底部菜单选中样式
    //$(".menuFoot").find("a").eq(0).addClass("active");
    //期货行情
    var xs_elements = hq_str_SC1809.split(",");
    var xs_elements1 = hq_str_CU1810.split(",");
    var xs_elements2 = hq_str_RB1810.split(",");
    var xs_elements3 = hq_str_HC1810.split(",");
    var xs_elements4 = hq_str_AU1812.split(",");
    var xs_elements5 = hq_str_AG1812.split(",");
    var xs_elements6 = hq_str_I1809.split(",");
    var xs_elements7 = hq_str_JM1809.split(",");
    var xs_elements8 = hq_str_J1809.split(",");
    var xs_elements9 = hq_str_NI1809.split(",");
    var xs_elements10 = hq_str_RU1809.split(",");
    var xs_elements11 = hq_str_M1809.split(",");
    var xs_elements12 = hq_str_AP1810.split(",");
    var xs_elements13 = hq_str_SR1809.split(",");
    var xs_elements14 = hq_str_CF1809.split(",");
    var xs_elements15 = hq_str_TC1809.split(",");
    var xs_elements16 = hq_str_MA1809.split(",");
    var xs_dataHtml = '<tr>' +
        '<th>商品名称</th>' +
        '<th>开盘价</th>' +
        '<th>最新价</th>' +
        '<th>最高价</th>' +
        '<th>最低价</th>' +
        '</tr>';
    if (xs_elements[0] != "" && xs_elements[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements1[0] != "" && xs_elements1[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements1[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements2[0] != "" && xs_elements2[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements2[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements3[0] != "" && xs_elements3[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements3[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements4[0] != "" && xs_elements4[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements4[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements5[0] != "" && xs_elements5[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements5[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements6[0] != "" && xs_elements6[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements6[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements7[0] != "" && xs_elements7[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements7[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements8[0] != "" && xs_elements8[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements8[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements9[0] != "" && xs_elements9[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements9[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements10[0] != "" && xs_elements10[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements10[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements11[0] != "" && xs_elements11[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements11[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements12[0] != "" && xs_elements12[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements12[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements13[0] != "" && xs_elements13[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements13[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements14[0] != "" && xs_elements14[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements14[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements15[0] != "" && xs_elements15[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements15[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements16[0] != "" && xs_elements16[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements16[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[4] + '</td>' +
            '</tr>';
    }
    $('.xs_dataHtml').find("table").html(xs_dataHtml);

    $(".BN3").find(".carousel-item").eq(0).addClass("active");
    $(".AD3").find(".carousel-item").eq(0).addClass("active");

</script>